import { defineConfig } from "vite"
import react from "@vitejs/plugin-react-swc"
import * as path from "path"
import res from "postcss-px-to-viewport"
import viteEslint from "vite-plugin-eslint"
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react(),
    viteEslint({
      cache: false,
      include: ["./src/**/*.tsx", "./src/**/*.ts"]
    })
  ],
  css: {
    postcss: {
      plugins: [
        res({
          viewportWidth: 375, // 视口的宽度，对应设计稿的宽度
          unitPrecision: 3, // 指定`px`转换为视口单位值的小数位数
          viewportUnit: "vw", // 指定需要转换成的视口单位
          selectorBlackList: [], // 指定不转换为视口单位的类名
          minPixelValue: 1, // 小于或等于`1px`不转换为视口单位
          mediaQuery: false, // 允许在媒体查询中转换`px`
          exclude: [/node_modules/] // 排除某些文件或目录，不进行转换
        })
      ]
    }
  },
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "/src")
    }
  }
})
